view, text, image, image, picker, button, rich-text, scroll-view, swiper, swiper-item, input, textarea {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: PingFangSC-Regular, SourceHanSansCN-Regular, sans-serif;
	word-break: break-all;
}

uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
	display: none
}

body::-webkit-scrollbar {display:none}

.clear::after {
	content: "";
	display: block;
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.flex {
	display: flex;
}

.flex-center {
	display: flex;
	justify-content: center;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.flex-around {
	display: flex;
	justify-content: space-around;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-reverse {
	flex-direction: row-reverse;
}

.flex-align-items {
	align-items: center;
}

.status-bar-height {
	padding-top: var(--status-bar-height) !important;
}

.font-20 {
	font-size: 20rpx;
}

.font-22 {
	font-size: 22rpx;
}

.font-24 {
	font-size: 24rpx;
}

.font-26 {
	font-size: 26rpx;
}

.font-28 {
	font-size: 28rpx;
}

.font-30 {
	font-size: 30rpx;
}

.font-32 {
	font-size: 32rpx;
}

.font-34 {
	font-size: 34rpx;
}

.font-36 {
	font-size: 36rpx;
}

.font-36 {
	font-size: 38rpx;
}

.font-40 {
	font-size: 40rpx;
}

.font-42 {
	font-size: 42rpx;
}

.font-48 {
	font-size: 48rpx;
}

.font-54 {
	font-size: 54rpx;
}

.font-56 {
	font-size: 56rpx;
}

.font-60 {
	font-size: 60rpx;
}

.font-62 {
	font-size: 62rpx;
}

.font-20-M {
	font-size: 20rpx;
	font-weight: 500;
}

.font-22-M {
	font-size: 22rpx;
	font-weight: 500;
}

.font-24-M {
	font-size: 24rpx;
	font-weight: 500;
}

.font-26-M {
	font-size: 26rpx;
	font-weight: 500;
}

.font-28-M {
	font-size: 28rpx;
	font-weight: 500;
}

.font-30-M {
	font-size: 30rpx;
	font-weight: 500;
}

.font-32-M {
	font-size: 32rpx;
	font-weight: 500;
}

.font-34-M {
	font-size: 34rpx;
	font-weight: 500;
}

.font-36-M {
	font-size: 36rpx;
	font-weight: 500;
}

.font-38-M {
	font-size: 38rpx;
	font-weight: 500;
}

.font-40-M {
	font-size: 40rpx;
	font-weight: 500;
}

.font-42-M {
	font-size: 42rpx;
	font-weight: 500;
}

.font-48-M {
	font-size: 48rpx;
	font-weight: 500;
}

.font-54-M {
	font-size: 54rpx;
	font-weight: 500;
}

.font-56-M {
	font-size: 56rpx;
	font-weight: 500;
}

.font-60-M {
	font-size: 60rpx;
	font-weight: 500;
}

.font-62-M {
	font-size: 62rpx;
	font-weight: 500;
}

.font-20-B {
	font-size: 20rpx;
	font-weight: bold;
}

.font-22-B {
	font-size: 22rpx;
	font-weight: bold;
}

.font-24-B {
	font-size: 24rpx;
	font-weight: bold;
}

.font-26-B {
	font-size: 26rpx;
	font-weight: bold;
}

.font-28-B {
	font-size: 28rpx;
	font-weight: bold;
}

.font-30-B {
	font-size: 30rpx;
	font-weight: bold;
}

.font-32-B {
	font-size: 32rpx;
	font-weight: bold;
}

.font-34-B {
	font-size: 34rpx;
	font-weight: bold;
}

.font-36-B {
	font-size: 36rpx;
	font-weight: bold;
}

.font-38-B {
	font-size: 38rpx;
	font-weight: bold;
}

.font-40-B {
	font-size: 40rpx;
	font-weight: bold;
}

.font-42-B {
	font-size: 42rpx;
	font-weight: bold;
}

.font-48-B {
	font-size: 48rpx;
	font-weight: bold;
}

.font-54-B {
	font-size: 54rpx;
	font-weight: bold;
}

.font-56-B {
	font-size: 56rpx;
	font-weight: bold;
}

.font-60-B {
	font-size: 60rpx;
	font-weight: bold;
}

.font-62-B {
	font-size: 62rpx;
	font-weight: bold;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.color-main {
	color: #2979ff;
}

.color-main1 {
	color: #486AEF;
}

.bg-main {
	background: #2979ff;
}

.bg-main1 {
	background: #486AEF;
}

.bg-main-o {
	background: rgba(72,106,239,0.5);
}

.bg-main-o1 {
	background: #E2E7FC;
}

.popup {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	
	&::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.5;
	}
	
	.bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.main {
		position: relative;
		z-index: 10;
	}
}
